<script>
export default {
  name: 'Header',
  components: {
    // HelloWorld
  },
  props:{
    title:'DefaultHeader'
  },
  data(){
    return {
      msg1:'Header'
    }
  },
  async mounted(){
    console.log(this.title)
  }
}
</script>

<template>
  <div class="header">
    {{ title }}
  </div>
</template>

<style scoped>
.header{
  height: 80px;
  background-color: #ff0000;
}
</style>
